<template>
  <div class="base-one">
    BaseOne
  </div>
</template>

<script>
export default {

}
</script>

<style scoped>
/* 
1. style中样式 默认 是作用到全局的 --> 全局样式
2. 加上scoped 属性 的style样式，只会作用于当前组件 --> 局部样式

组件都应该有 独立 的样式，推荐 加 scoped（原理）
--------------------------------------------------------------
scoped原理
1.给当前组件模版的所有元素，都会加上一个 自定义属性
  data-v-hash值
  data-v-5f6a9d56 用于区分 开 不同的组件
2. CSS选择器后面，被自动处理，添加上了属性选择器
   div[data-v-5f6a9d56]

*/
div {
    border: 3px dotted green ;
}
</style>